*{
    margin: 0;
    padding: 0;
}

body{
    width: 100%;
    height: 100%;
}


a{
    text-decoration: none;
}

ul,ol,li{
    list-style: none;
}


/* header top */
.header_top{
    width: 100%;
    height: 29px;
    background: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;

}

.header_top_box{
    width: 1090px;
    height: 28px;
    background: #f2f2f2;
    line-height: 28px;
    margin: 0 auto;
    font-size: 12px;
    color: #6c6c6c;
    overflow: hidden;
}

/* left */
.header_top_left{
    float: left;
}
.header_top_left li{
    float: left;
    margin-right: 20px;
    display: inline;
}

.header_top_box a{
    color: #6c6c6c;
}


/* 登录成功的文字 */
.userinfo .user,.userinfo .logout{
    color: hotpink;
}

.userinfo .user{
    font-size: 20px;
}


/* right */
.header_top_right{
    float: right;
    height: 28px;
    position: relative;
}
.header_top_right li{
    float: left;
    display: inline;
    height: 28px;
    margin-left: 30px;
    position: relative;
}


/* header middle 中间 */
.header_center{
    width: 1090px;
    height: 110px;
    background: #fff; 
    margin: 0 auto;
    overflow: hidden;
  
}

/* 左边 */
.header_center .logo{
    width: 165px;
    height: 85px;
    background: url('../images/02.jpg');
    background-size: 170px;
    float: left;
    margin-top: 13px;
}

/* 中间 */
.header_searchbox{
    width: 536px;
    height: 82px;
    /* background: blue; */
    float: left;
    position: relative;
    padding-top: 28px;
    margin-left: 124px;
}
.header_searchbox form{
    float: left;
}
.header_searchbox .header_search_input{
    width: 423px;
    height: 18px;
    padding: 7px 5px;
    border: solid red;
    border-width: 3px 0 3px 3px;
    float: left;
    font-size: 12px;
    color: #999;
    outline: 0 none;
}
.header_searchbox .header_search_btn{
    width: 100px;
    height: 38px;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    float: left;
    background: red;
    padding: 0;
}

/* 搜索框下边的文字 */
.header_searchbox .hot_word{
    width: 446px;
    height: 18px;
    line-height: 18px;
    margin-top: 6px;
    float: left;
    
}
.header_searchbox .hot_word li{
    float: left;
    margin-right: 8px;
}
.header_searchbox .hot_word a{
    color: #999;
    text-decoration: none;
    font-size: 12px;
}
.header_searchbox .hot_word .line{
    overflow: hidden;
    width: 1px;
    height: 12px;
    display: inline-block;
    background: #999;
    margin: 2px 0 -2px 8px;
    padding: 0;
  
}

/* 右边购物车 */
.header_center .cart_box{
    width: 140px;
    height: 34px;
    float: right;
    background: pink;
    margin-top: 33px;
    position: relative;

}
.cart_box .cart_link{
    display: block;
    width: 138px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e5e5e5;
    position: relative;
    background: #fff;
    box-shadow: 0 0 2px rgb(0 0 0 /20%);
}
.cart_box .cart_git{
    position: relative;
    top: 3px;
    float: left;
    width: 28px;
    height: 28px;
    padding: 0 9px 0 9px;
}
.cart_box .text{
    width: 86px;
    height: 32px;
    line-height: 32px;
    color: #666;
    float: left;
    padding-left: 6px;
    background: #f8f8f8;
    font-size: 12px;
}


/* header bottom 底部 */
.channel_nav_box{
    width: 100%;
    height: 38px;
    clear: both;
    background: black;
}

/* 左边 */
.channel_nav_box .channel_nav_list_wrap{
    width: 1090px;
    height: 39px;
    margin: 0 auto;
    position: relative;
   
}
.channel_nav_box .channel_nav_list_wrap .channel_nav_list{
    width: auto;
    height: 38px;
    float: left;
}
.channel_nav_list li{
    float: left;
    display: inline;

}
.channel_nav_list .home{
    padding: 0 40px;
}
.channel_nav_list a{
    position: relative;
    display: inline-block;
    line-height: 36px;
    height: 38px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0 22px;
}
.channel_nav_list li a:hover{
    color: red;
}


/* 商品详情 */

.shang{
    width: 960px;
    height: 550px;

    margin: auto;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}

/* left图片 */
.shang .tu{
    z-index:50;
    position: absolute;
    width: 400px;
    height: 500px;

    float: left;
}
.shang .tu img{
    width: 400px;
    height: 500px;
}

/* 遮罩 */
.shang .tu .mask{
    width: 100px;
    height: 100px;
    background: orange;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    display: none;
    border-radius: 10px;
}

/* 放大镜 */
.shang .bigBox{
    width: 400px;
    height: 500px;
    border: 1px solid black;
    position: absolute;
    left: 53%;
    top: 0;
    overflow: hidden;
    display: none;  
    z-index:888;
}

.shang .bigBox img{
    width: 1600px;
    height: 2500px;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 0;
   
}



/* right数据 */
.shang .shu{
    width: 500px;
    height: 550px;
    /* background: chartreuse; */
    background: #fff;
    float: right;
   
}

.shu .title{
    font-size: 24px;
    font-weight: 800;
}

.shu .jia{
    width: 500px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    color: #999;
    /* font-size: 12px; */
    background:lavender ;
}
.shu .price{
    font-size: 24px;
    font-weight: 700;
    color: red;
    margin-left: 20px;
}
.shu .mei{
    font-size: 24px;
    color: red;
    font-weight: 700;
    position: relative;
    left: 20px;
}

.shu .ke{
    width: 500px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    color: #999;
    background: #fff;
}
.shu .ke .xi{
    padding: 5px;
    margin-left: 20px;
}


.shu .ke .yan{
    border: 1px solid gainsboro;
    margin-left: 15px;
    padding: 3px 20px;
    color: black;
}


.shu .gou{
    width: 500px;
    height: 180px;
    /* border: 1px solid black; */
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.shu .gou .mai{
   display: block;
   width: 150px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: red;
   color: #fff;
   position: absolute;
   left: 50px;
   top: 20px;
   
}

.shu .gou .che{
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: red;
    color: #fff;
    position: absolute;
    left: 300px;
    top: 20px;
    
 }


/* 商品介绍 */
.jie{
    width: 960px;
    margin: auto;
    margin-top: 60px;
}

.jie img{
    width: 960px;

}


/* 页脚 */
.fooder{
    width: 100%;
    /* height: 600px; */
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.fooder_top{
    width: 1090px;
    height: 300px;
    /* border: 1px solid red; */
    margin: 20px auto;
    overflow: hidden;
    border-bottom: 5px solid #ccc;
}


.fooder_top .find{
    width: 170px;
    height: 200px;
    float: left;
    margin: 50px 4px;
    
}
.fooder_top .bag1{
    background: url(../images/06.png);
    background-size: 170px 200px;
}

.fooder_top .bag2{
    background: url(../images/07.png);
    background-size: 170px 200px;
}

.fooder_top .bag3{
    background: url(../images/08.png);
    background-size: 170px 200px;
}

.fooder_top .bag4{
    background: url(../images/09.png);
    background-size: 170px 200px;
}

.fooder_top .bag5{
    background: url(../images/10.png);
    background-size: 170px 200px;
}

.fooder_top .bag6{
    background: url(../images/11.png);
    background-size: 170px 200px;
}
.fooder .fooder_center{
    width: 1090px;
    height: 400px;
    /* background: red; */
    margin: 20px auto;
    /* border: 1px solid black; */
    overflow: hidden;
}

.fooder .fooder_center ul{
    float: left;
    margin: 20px 60px 0 60px;
}
.fooder .fooder_center ul li{
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}

.fooder .fooder_center ul p{
    margin-bottom: 40px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.fooder .fooder_iag{
    width: 100%;
    height: 95px;
    background: url(../images/12.jpg);
}

.fooder .fooder_bottom{
    width: 100%;
    height: 48px;
    background: url(../images/13.jpg);
}

.fooder .fooder_bottom .characters{
    width: 1090px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    /* background: red; */
    overflow: hidden;
}

.fooder .fooder_bottom .characters li{
    float: left;
    margin-right: 30px;
    color: white;

}

.fooder .nice{
    width: 100%;
    height: 200px;
    background: violet;
    background: url(../images/14.png) no-repeat;
    background-size: 1519px 200px;
}

